<template>
  <div class="article-manager">
    <el-tabs class="demo-tabs"  :stretch="true" v-model="activeTab">
      <el-tab-pane label="我的文章" name="first">
        <ArticleManager></ArticleManager>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script lang="ts" setup>
import ArticleManager from "./articleManager.vue"
import { ref } from 'vue';

const activeTab = ref('first');

</script>

<style scoped>
.article-manager {
  padding: 20px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  height: auto;
}

.demo-tabs{
  margin-top: 20px;
}
:deep(.el-tabs__item) {
  font-size: 26px;
}
</style>